<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>创一久导航-有范的导航网站</title>
    <meta name="theme-color" content="#f9f9f9">
    <meta name="keywords"
          content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,程序员网址导航,交互设计师网址导航">
    <meta name="description" content="创一久导航 - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。">
    <meta name="baidu-site-verification" content="code-ERzo5lqNbW"/>
    <meta name="sogou_site_verification" content="c5kms0qkyL"/>
    <meta name="360-site-verification" content="fcc13eac55051e381be8a06453359bc1"/>
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://six1534091393.github.io">
    <meta property="og:title" content="创一久导航-有范的导航网站">
    <meta property="og:description" content="创一久导航 - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。">
    <meta property="og:image" content="https://nav.iowen.cn/wp-content/themes/onenav/screenshot.jpg">
    <meta property="og:site_name" content="创一久导航">
    <link rel="icon" href="./ico.ico">
    <link rel='stylesheet' id='wp-block-library-css' href='wp-includes/css/dist/block-library/style.min-5.6.2.css'
          type='text/css' media='all'>
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
    <link rel='stylesheet' id='iconfont-css' href='wp-content/themes/onenav/css/iconfont-3.03029.1.css' type='text/css'
          media='all'>
    <link rel='stylesheet' id='iconfontd-css' href='t/font_1620678_7g0p3h6gbl-3.03029..css' type='text/css' media='all'>
    <link rel='stylesheet' id='bootstrap-css' href='wp-content/themes/onenav/css/bootstrap.min-3.03029.1.css'
          type='text/css' media='all'>
    <link rel='stylesheet' id='lightbox-css' href='wp-content/themes/onenav/css/jquery.fancybox.min-3.03029.1.css'
          type='text/css' media='all'>
    <link rel='stylesheet' id='style-css' href='wp-content/themes/onenav/css/style-3.03029.1.css' type='text/css'
          media='all'>
    <script type='text/javascript' src='wp-content/themes/onenav/js/jquery.min-3.03029.1.js' id='jquery-js'></script>
    <style>
        #footer-tools [data-v-db6ccf64][data-v-41ba7e2c] {
            top: unset !important;
            bottom: 0 !important;
            right: 44px !important
        }

        .io.icon-fw,
        .iconfont.icon-fw {
            width: 1.15em;
        }

        .io.icon-lg,
        .iconfont.icon-lg {
            font-size: 1.5em;
            line-height: .75em;
            vertical-align: -.125em;
        }

        .screenshot-carousel .img_wrapper a {
            display: contents
        }

        .fancybox-slide--iframe .fancybox-content {
            max-width: 1280px;
            margin: 0
        }

        .fancybox-slide--iframe.fancybox-slide {
            padding: 44px 0
        }

        .navbar-nav .menu-item-286 a {
            background: #ff8116;
            border-radius: 50px !important;
            padding: 5px 10px !important;
            margin: 5px 0 !important;
            color: #fff !important;
        }

        .navbar-nav .menu-item-286 a i {
            position: absolute;
            top: 0;
            right: -10px;
            color: #f13522;
        }

        .io-black-mode .navbar-nav .menu-item-286 a {
            background: #ce9412;
        }

        .io-black-mode .navbar-nav .menu-item-286 a i {
            color: #fff;
        }
    </style>
    <!-- 百度统计 -->
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?18f619820855042bca58b32408f44de7";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <!-- end 百度统计 -->
<!--    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-->

</head>

<body class="io-grey-mode">
<div id="loading">
    <style>
        .loader {
            width: 250px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-family: helvetica, arial, sans-serif;
            text-transform: uppercase;
            font-weight: 900;
            color: #f1404b;
            letter-spacing: 0.2em
        }

        .loader::before,
        .loader::after {
            content: "";
            display: block;
            width: 15px;
            height: 15px;
            background: #f1404b;
            position: absolute;
            animation: load .7s infinite alternate ease-in-out
        }

        .loader::before {
            top: 0
        }

        .loader::after {
            bottom: 0
        }

        @keyframes load {
            0% {
                left: 0;
                height: 30px;
                width: 15px
            }

            50% {
                height: 8px;
                width: 40px
            }

            100% {
                left: 235px;
                height: 30px;
                width: 15px
            }
        }
    </style>
    <div class="loader">一个有范的导航</div>
</div>
<div class="page-container">


    <div id="sidebar" class="sticky sidebar-nav fade mini-sidebar" style="width: 60px;">
        <div class="modal-dialog h-100  sidebar-nav-inner">
            <div class="sidebar-logo border-bottom border-color">
                <!-- logo -->
                <div class="logo overflow-hidden">
                    <a href="" class="logo-expanded">
                        <img src="wp-content/uploads/2020/01/ywdh-logo-1.png" height="40" class="logo-light"
                             alt="创一久导航">
                        <img src="wp-content/uploads/2020/01/ywdh-logo.png" height="40" class="logo-dark d-none"
                             alt="创一久导航">
                    </a>
                    <a href="" class="logo-collapsed">
                        <img src="wp-content/uploads/2020/01/ywdh-logo-bark-ico.png" height="40" class="logo-light"
                             alt="创一久导航">
                        <img src="wp-content/uploads/2020/01/ywdh-logo-ico.png" height="40" class="logo-dark d-none"
                             alt="创一久导航">
                    </a>
                </div>
                <!-- logo end -->
            </div>
            <div class="sidebar-menu flex-fill">
                <div class="sidebar-scroll">
                    <div class="sidebar-menu-inner">
                        <ul>
                            <li class="sidebar-item top-menu">
                                <a href="javascript:;" class="smooth change-href">
                                    <i class="iconfont icon-category icon-fw icon-lg mr-2"></i>
                                    <span> </span>
                                    <i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
                                </a>
                                <ul>
                                    <li id="menu-item-281"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-281">
                                        <a href="https://liutongxu.github.io">
                                            <i class="fa fa-home fa-lg mr-2"></i>
                                            <span>首页</span></a>
                                    </li>
<!--                                    <li id="menu-item-786"-->
<!--                                        class="menu-item menu-item-type-custom menu-item-object-custom menu-item-786">-->
<!--                                        <a target="_blank" rel="noopener" href="javascript:;">-->
<!--                                            <i class="fa fa-flag fa-lg mr-2"></i>-->
<!--                                            <span>日志</span></a>-->
<!--                                    </li>-->
<!--                                    <li id="menu-item-284"-->
<!--                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-284">-->
<!--                                        <a href="#">-->
<!--                                            <i class="fa fa-info-circle fa-lg mr-2"></i>-->
<!--                                            <span>关于</span></a>-->
<!--                                        <ul class="sub-menu">-->
<!--                                            <li id="menu-item-264"-->
<!--                                                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-264">-->
<!--                                                <a href="https://weibo.com/hiliutongxu" target="_blank">所长微博</a>-->
<!--                                            </li>-->
<!--                                            <li id="menu-item-285"-->
<!--                                                class="menu-item menu-item-type-custom menu-item-object-custom menu-item-285">-->
<!--                                                <a href="#">关于导航</a>-->
<!--                                            </li>-->
<!--                                        </ul>-->
<!--                                    </li>-->

                                </ul>
                            </li>
                            <li class="sidebar-item">
                                <a href="#term-2" class="smooth">
                                    <i class="fa fa-star fa-lg icon-fw icon-lg mr-2"></i>
                                    <span>常用推荐</span>
                                </a>
                            </li>
                            <li class="sidebar-item">
                                <!--<a href="javascript:;">-->
                                <a href="javascript:;" class="smooth change-href" data-change="#term-2">
                                    <i class="io io-zixun icon-fw icon-lg mr-2"></i>
                                    <span>社区咨询</span>
                                    <i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
                                </a>
                                <ul>
                                    <li>
                                        <a href="#term-42" class="smooth"><span>资讯</span></a>
                                    </li>
                                    <li>
                                        <a href="#term-45" class="smooth"><span>社区</span></a>
                                    </li>

                                </ul>
                            </li>

                    </div>
                </div>
            </div>
            <div class="border-top py-2 border-color">
                <div class="flex-bottom">
                    <ul>
                        <li id="menu-item-237"
                            class="menu-item menu-item-type-post_type menu-item-object-page menu-item-237 sidebar-item">
<!--                            <a href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=1534091393@qq.com" target="_blank">-->
                            <a href="https://six1534091393.github.io/chuangyijiu-dh/contribute.html" target="_blank">
                                <i class="io io-tijiao icon-fw icon-lg mr-2"></i>
                                <span>网站提交</span></a>
                        </li>

<!--                        <li id="menu-item-213"-->
<!--                            class="menu-item menu-item-type-custom menu-item-object-custom menu-item-213 sidebar-item">-->
<!--                            <a target="_blank" rel="noopener" href="index1.html">-->
<!--                                <i class="fa fa-heart icon-fw icon-lg mr-2"></i>-->
<!--                                <span>关于导航</span></a>-->
<!--                        </li>-->

                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="main-content flex-fill">
        <div class="big-header-banner">
            <div id="header" class="page-header sticky">
                <div class="navbar navbar-expand-md">
                    <div class="container-fluid p-0">

                        <a href="" class="navbar-brand d-md-none" title="所长导航">
                            <img src="wp-content/uploads/2020/01/ywdh-logo-bark-ico.png" class="logo-light"
                                 alt="所长导航">
                            <img src="wp-content/uploads/2020/01/ywdh-logo-ico.png" class="logo-dark d-none"
                                 alt="所长导航">
                        </a>

                        <div class="collapse navbar-collapse order-2 order-md-1">
                            <div class="header-mini-btn">
                                <label>
                                    <input id="mini-button" type="checkbox">
                                    <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                                        <path class="line--1" d="M0 40h62c18 0 18-20-17 5L31 55"></path>
                                        <path class="line--2" d="M0 50h80"></path>
                                        <path class="line--3" d="M0 60h62c18 0 18 20-17-5L31 45"></path>
                                    </svg>
                                </label>

                            </div>

                            <ul class="navbar-nav site-menu" style="margin-right: 16px;">
                                <li id="menu-item-281"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-281">
                                    <a href="https://liutongxu.github.io">
                                        <i class="fa fa-home fa-lg mr-2"></i>
                                        <span>首页</span></a>
                                </li>
                                <!--                                    <li id="menu-item-786"-->
                                <!--                                        class="menu-item menu-item-type-custom menu-item-object-custom menu-item-786"><a-->
                                <!--                                            target="_blank" rel="noopener" href="javascript:;">-->
                                <!--                                            <i class="fa fa-flag fa-lg mr-2"></i>-->
                                <!--                                            <span>日志</span></a></li>-->
                                <!--                                    <li id="menu-item-284"-->
                                <!--                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-284">-->
                                <!--                                        <a href="about.html">-->
                                <!--                                            <i class="fa fa-info-circle fa-lg mr-2"></i>-->
                                <!--                                            <span>关于</span></a>-->
                                <!--                                        <ul class="sub-menu">-->
                                <!--                                            <li id="menu-item-264"-->
                                <!--                                                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-264">-->
                                <!--                                                <a href="https://weibo.com/hiliutongxu">所长微博</a>-->
                                <!--                                            </li>-->
                                <!--                                            <li id="menu-item-285"-->
                                <!--                                                class="menu-item menu-item-type-custom menu-item-object-custom menu-item-285">-->
                                <!--                                                <a href="#">关于导航</a>-->
                                <!--                                            </li>-->
                                <!--                                        </ul>-->
                                <!--                                    </li>-->

                            </ul>
                            <div class="rounded-circle weather">
                                <div id="he-plugin-simple" style="display: contents;"></div>
                                <script>WIDGET = {
                                    CONFIG: {
                                        "modules": "12034",
                                        "background": 5,
                                        "tmpColor": "E4C600",
                                        "tmpSize": 14,
                                        "cityColor": "E4C600",
                                        "citySize": 14,
                                        "aqiColor": "#E4C600",
                                        "aqiSize": 14,
                                        "weatherIconSize": 24,
                                        "alertIconSize": 18,
                                        "padding": "10px 10px 10px 10px",
                                        "shadow": "1",
                                        "language": "auto",
                                        "borderRadius": 5,
                                        "fixed": "false",
                                        "vertical": "middle",
                                        "horizontal": "left",
                                        "key": "e05c4ce44b7e43c6a9303e68cc42a48c"
                                    }
                                }
                                </script>
                                <script src="https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0"></script>
                            </div>
                        </div>

                        <ul class="nav navbar-menu text-xs order-1 order-md-2">
                            <!-- 一言 -->
                            <li class="nav-item mr-3 mr-lg-0 d-none d-lg-block">
                                <script>
                                    fetch('https://v1.hitokoto.cn')
                                        .then(response => response.json())
                                        .then(data => {
                                            const hitokoto = document.getElementById('hitokoto_text')
                                            hitokoto.href = 'https://hitokoto.cn/?uuid=' + data.uuid
                                            hitokoto.innerText = data.hitokoto
                                        })
                                        .catch(console.error)
                                </script>
                                <div id="hitokoto"><a href="#" target="_blank" id="hitokoto_text">我爱你，洛千婷</a></div>
                            </li>
                            <!-- 一言 end -->
                            <li class="nav-search ml-3 ml-md-4">
                                <a href="javascript:" data-toggle="modal" data-target="#search-modal"><i
                                        class="iconfont icon-search icon-2x"></i></a>
                            </li>
                            <li class="nav-item d-md-none mobile-menu ml-3 ml-md-4">
                                <a href="javascript:" id="sidebar-switch" data-toggle="modal"
                                   data-target="#sidebar"><i class="iconfont icon-classification icon-2x"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="placeholder" style="height:74px"></div>
        </div>
        <div class="header-big  post-top css-color mb-4"
             style="background-image: linear-gradient(45deg, #8618db 0%, #d711ff 50%, #460fdd 100%);">
            <div class="s-search">
                <div id="search" class="s-search mx-auto">
                    <div id="search-list-menu" class="hide-type-list">
                        <div class="s-type text-center">
                            <div class="s-type-list big">
                                <div class="anchor" style="position: absolute; left: 50%; opacity: 0;"></div>
                                <label for="type-baidu" class="" data-id="group-a"><span>常用</span></label>
                                <label for="type-baidu1" data-id="group-b"><span>搜索</span></label>
                                <label for="type-br" data-id="group-c"><span>工具</span></label>
                                <label for="type-zhihu" data-id="group-d"><span>社区</span></label>
                                <label for="type-taobao1" data-id="group-e"><span>生活</span></label>
                                <label for="type-zhaopin" data-id="group-f"><span>求职</span></label>
                            </div>
                        </div>
                    </div>
                    <form action="https://nav.iowen.cn?s=" method="get" target="_blank" class="super-search-fm">
                        <input type="text" id="search-text" class="form-control smart-tips search-key" zhannei=""
                               placeholder="输入关键字搜索" style="outline:0" autocomplete="off">
                        <button type="submit"><i class="iconfont icon-search"></i></button>
                    </form>
                    <div id="search-list" class="hide-type-list">
                        <div class="search-group group-a ">
                            <ul class="search-type">
                                <li><input checked="checked" hidden="" type="radio" name="type" id="type-baidu"
                                           value="https://www.baidu.com/s?wd=" data-placeholder="百度一下"><label
                                        for="type-baidu"><span class="text-muted">百度</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-google"
                                           value="https://www.google.com/search?q=" data-placeholder="谷歌两下"><label
                                        for="type-google"><span class="text-muted">谷歌</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-zhannei"
                                           value="https://www.iplaysoft.com/?s="
                                           data-placeholder="软件搜索"><label for="type-zhannei"><span
                                        class="text-muted">软件</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-taobao"
                                           value="https://s.taobao.com/search?q=" data-placeholder="淘宝"><label
                                        for="type-taobao"><span class="text-muted">淘宝</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-bing"
                                           value="https://cn.bing.com/search?q=" data-placeholder="微软Bing搜索"><label
                                        for="type-bing"><span class="text-muted">必应</span></label></li>
                            </ul>
                        </div>
                        <div class="search-group group-b ">
                            <ul class="search-type">
                                <li><input hidden="" type="radio" name="type" id="type-baidu1"
                                           value="https://www.baidu.com/s?wd=" data-placeholder="百度一下"><label
                                        for="type-baidu1"><span class="text-muted">百度</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-google1"
                                           value="https://www.google.com/search?q=" data-placeholder="谷歌两下"><label
                                        for="type-google1"><span class="text-muted">谷歌</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-360"
                                           value="https://www.so.com/s?q=" data-placeholder="360好搜"><label
                                        for="type-360"><span class="text-muted">360</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-sogo"
                                           value="https://www.sogou.com/web?query=" data-placeholder="搜狗搜索"><label
                                        for="type-sogo"><span class="text-muted">搜狗</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-bing1"
                                           value="https://cn.bing.com/search?q=" data-placeholder="微软Bing搜索"><label
                                        for="type-bing1"><span class="text-muted">必应</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-sm"
                                           value="https://yz.m.sm.cn/s?q=" data-placeholder="UC移动端搜索"><label
                                        for="type-sm"><span class="text-muted">神马</span></label></li>
                            </ul>
                        </div>
                        <div class="search-group group-c ">
                            <ul class="search-type">
                                <li><input hidden="" type="radio" name="type" id="type-br"
                                           value="https://rank.chinaz.com/all/"
                                           data-placeholder="请输入网址(不带https://)"><label for="type-br"><span
                                        class="text-muted">权重查询</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-links"
                                           value="https://link.chinaz.com/" data-placeholder="请输入网址(不带https://)"><label
                                        for="type-links"><span class="text-muted">友链检测</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-icp"
                                           value="https://icp.aizhan.com/" data-placeholder="请输入网址(不带https://)"><label
                                        for="type-icp"><span class="text-muted">备案查询</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-ping"
                                           value="https://ping.chinaz.com/" data-placeholder="请输入网址(不带https://)"><label
                                        for="type-ping"><span class="text-muted">PING检测</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-404"
                                           value="https://tool.chinaz.com/Links/?DAddress="
                                           data-placeholder="请输入网址(不带https://)"><label for="type-404"><span
                                        class="text-muted">死链检测</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-ciku"
                                           value="https://www.ciku5.com/s?wd=" data-placeholder="请输入关键词"><label
                                        for="type-ciku"><span class="text-muted">关键词挖掘</span></label></li>
                            </ul>
                        </div>
                        <div class="search-group group-d ">
                            <ul class="search-type">
                                <li><input hidden="" type="radio" name="type" id="type-zhihu"
                                           value="https://www.zhihu.com/search?type=content&q="
                                           data-placeholder="知乎"><label for="type-zhihu"><span
                                        class="text-muted">知乎</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-wechat"
                                           value="https://weixin.sogou.com/weixin?type=2&query="
                                           data-placeholder="微信"><label for="type-wechat"><span
                                        class="text-muted">微信</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-weibo"
                                           value="https://s.weibo.com/weibo/" data-placeholder="微博"><label
                                        for="type-weibo"><span class="text-muted">微博</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-douban"
                                           value="https://www.douban.com/search?q=" data-placeholder="豆瓣"><label
                                        for="type-douban"><span class="text-muted">豆瓣</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-why"
                                           value="https://ask.seowhy.com/search/?q=" data-placeholder="SEO问答社区"><label
                                        for="type-why"><span class="text-muted">搜外问答</span></label></li>
                            </ul>
                        </div>
                        <div class="search-group group-e ">
                            <ul class="search-type">
                                <li><input hidden="" type="radio" name="type" id="type-taobao1"
                                           value="https://s.taobao.com/search?q=" data-placeholder="淘宝"><label
                                        for="type-taobao1"><span class="text-muted">淘宝</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-jd"
                                           value="https://search.jd.com/Search?keyword=" data-placeholder="京东"><label
                                        for="type-jd"><span class="text-muted">京东</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-xiachufang"
                                           value="https://www.xiachufang.com/search/?keyword="
                                           data-placeholder="下厨房"><label for="type-xiachufang"><span
                                        class="text-muted">下厨房</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-xiangha"
                                           value="https://www.xiangha.com/so/?q=caipu&s="
                                           data-placeholder="香哈菜谱"><label for="type-xiangha"><span
                                        class="text-muted">香哈菜谱</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-12306"
                                           value="https://www.12306.cn/?" data-placeholder="12306"><label
                                        for="type-12306"><span class="text-muted">12306</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-kd100"
                                           value="https://www.kuaidi100.com/?" data-placeholder="快递100"><label
                                        for="type-kd100"><span class="text-muted">快递100</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-qunar"
                                           value="https://www.qunar.com/?" data-placeholder="去哪儿"><label
                                        for="type-qunar"><span class="text-muted">去哪儿</span></label></li>
                            </ul>
                        </div>
                        <div class="search-group group-f ">
                            <ul class="search-type">
                                <li><input hidden="" type="radio" name="type" id="type-boss"
                                           value="https://www.zhipin.com/web/geek/job?query="
                                           data-placeholder="boss直聘"><label for="type-boss"><span
                                        class="text-muted">boss直聘</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-zhaopin"
                                           value="https://sou.zhaopin.com/jobs/searchresult.ashx?kw="
                                           data-placeholder="智联招聘"><label for="type-zhaopin"><span
                                        class="text-muted">智联招聘</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-51job"
                                           value="https://search.51job.com/?" data-placeholder="前程无忧"><label
                                        for="type-51job"><span class="text-muted">前程无忧</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-lagou"
                                           value="https://www.lagou.com/jobs/list_" data-placeholder="拉钩网"><label
                                        for="type-lagou"><span class="text-muted">拉钩网</span></label></li>
                                <li><input hidden="" type="radio" name="type" id="type-liepin"
                                           value="https://www.liepin.com/zhaopin/?key=" data-placeholder="猎聘网"><label
                                        for="type-liepin"><span class="text-muted">猎聘网</span></label></li>
                            </ul>
                        </div>
                    </div>
                    <div class="card search-smart-tips" style="display: none">
                        <ul></ul>
                    </div>
                </div>
            </div>
            <div class="bulletin-big mx-3 mx-md-0">
                <div id="bulletin_box" class="card my-2">
                    <div class="card-body py-1 px-2 px-md-3 d-flex flex-fill text-xs text-muted">
                        <div><i class="iconfont icon-bulletin" style="line-height:25px"></i></div>
                        <div class="bulletin mx-1 mx-md-2 carousel-vertical">
                            <div class="carousel slide" data-ride="carousel" data-interval="3000">
                                <div class="carousel-inner" role="listbox">
                                    <div class="carousel-item active"><a class="overflowClip_1"
                                                                         href="#">所长导航 - 用心精选每一个链接</a></div>
                                    <div class="carousel-item "><a class="overflowClip_1"
                                                                   href="#">所长导航 - 有范的导航网站</a></div>
                                </div>
                            </div>
                        </div>
                        <div class="flex-fill"></div>
                        <a title="关闭" href="javascript:;" rel="external nofollow" class="bulletin-close"
                           onclick="$('#bulletin_box').slideUp('slow');"><i class="iconfont icon-close"
                                                                            style="line-height:25px"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <div id="content" class="content-site customize-site">


            <div class="d-flex flex-fill ">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="term-2"></i>
                    常用推荐
                </h4>
                <div class="flex-fill"></div>
                <a class='btn-move text-xs' href='#'>more+</a>
            </div>
            <div class="row ">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://github.com/" target="_blank" data-id="689" data-url="https://github.com/"
                           class="card no-c  mb-4 site-689" data-toggle="tooltip" data-placement="bottom"
                           title="全球最大同姓交友网站">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/github.png" data-src="ico/github.png"
                                             onerror="javascript:this.src='ico/github.png'" alt="GitHub">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>GitHub</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">全球最大同姓交友网站</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://github.com/" class="togo text-center text-muted is-views" data-id="689"
                           data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://www.52pojie.cn/" target="_blank" data-id="732"
                           data-url="https://www.52pojie.cn/"
                           class="card no-c  mb-4 site-732" data-toggle="tooltip" data-placement="bottom"
                           title="软件安全与病毒分析前沿，丰富的技术版块">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/52.png" data-src="ico/52.png"
                                             onerror="javascript:this.src='ico/52.png'" alt="吾爱破解">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>吾爱破解</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">软件安全与病毒分析前沿，丰富的技术版块</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.52pojie.cn/" class="togo text-center text-muted is-views" data-id="732"
                           data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://bbs.125.la/" target="_blank" data-id="693" data-url="https://bbs.125.la/"
                           class="card no-c  mb-4 site-693" data-toggle="tooltip" data-placement="bottom"
                           title="专业易语言编程学习交流论坛">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/jingyi.png" data-src="ico/jingyi.png"
                                             onerror="javascript:this.src='ico/jingyi.png'" alt="精易论坛">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>精易论坛</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">专业易语言编程学习交流论坛</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://bbs.125.la/" class="togo text-center text-muted is-views" data-id="693"
                           data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://www.mpyit.com/" target="_blank" data-id="684" data-url="https://www.mpyit.com/"
                           class="card no-c  mb-4 site-684" data-toggle="tooltip" data-placement="bottom"
                           title="分享优秀好用的软件">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/mpy.png" data-src="ico/mpy.png"
                                             onerror="javascript:this.src='ico/mpy.png'" alt="殁漂遥">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>殁漂遥</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">
                                            分享优秀好用的软件</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.mpyit.com/" class="togo text-center text-muted is-views" data-id="684"
                           data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://ibaotu.com/" target="_blank" data-id="442" data-url="https://ibaotu.com/"
                           class="card no-c  mb-4 site-442" data-toggle="tooltip" data-placement="bottom"
                           title="汇集各种视觉冲击力强的原创广告图片设计">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/baotu.png" data-src="ico/baotu.png"
                                             onerror="javascript:this.src='ico/baotu.png'" alt="包图网">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>包图网</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">
                                            汇集各种视觉冲击力强的原创广告图片设计</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://ibaotu.com/" class="togo text-center text-muted is-views" data-id="442"
                           data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://www.58pic.com/" target="_blank" data-id="424" data-url="https://www.58pic.com/"
                           class="card no-c  mb-4 site-424" data-toggle="tooltip" data-placement="bottom"
                           title="专注正版图片设计素材，拥有800多万张素材">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/qiantu.png" data-src="ico/qiantu.png"
                                             onerror="javascript:this.src='ico/qiantu.png'" alt="千图网">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>千图网</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">专注正版图片设计素材，拥有800多万张素材</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.58pic.com/" class="togo text-center text-muted is-views" data-id="424"
                           data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a  ">

                    <div class="url-body default">
                        <a href="http://music.zmki.cn/" target="_blank" data-id="294" data-url="http://music.zmki.cn/"
                           class="card no-c  mb-4 site-294" data-toggle="tooltip" data-placement="bottom"
                           title="支持各大音乐平台搜索、在线播放及下载">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/wangyiyun.png" data-src="ico/wangyiyun.png"
                                             onerror="javascript:this.src='ico/wangyiyun.png'" alt="FreeMP3">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>FreeMP3</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">支持各大音乐平台搜索、在线播放及下载</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://music.zmki.cn/" class="togo text-center text-muted is-views" data-id="424"
                           data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a  ">

                    <div class="url-body default">
                        <a href="http://www.czjx8.com/" target="_blank" data-id="229" data-url="http://www.czjx8.com/"
                           class="card no-c  mb-4 site-229" data-toggle="tooltip" data-placement="bottom"
                           data-html="true"
                           title="全网VIP视频解析，满足所有平台VIP视频需求">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/vip.png" data-src="ico/vip.png"
                                             onerror="javascript:this.src='ico/vip.png'" alt="VIP视频解析">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>VIP视频解析</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">
                                            全网VIP视频解析，满足所有平台VIP视频需求</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.czjx8.com/" class="togo text-center text-muted is-views" data-id="424"
                           data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://www.domp4.com/" target="_blank" data-id="15" data-url="https://www.domp4.com/"
                           class="card no-c  mb-4 site-15" data-toggle="tooltip" data-placement="bottom"
                           title="最新热门Mp4电影下载">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/mp4.png" data-src="ico/mp4.png"
                                             onerror="javascript:this.src='ico/mp4.png'" alt="MP4电影">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>MP4电影</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">最新热门Mp4电影下载</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.domp4.com/" class="togo text-center text-muted is-views" data-id="15"
                           data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://photo.zmki.cn/" target="_blank" data-id="14" data-url="https://photo.zmki.cn/"
                           class="card no-c  mb-4 site-14" data-toggle="tooltip" data-placement="bottom"
                           title="路途遥远，和你岁月相随">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/xiangce.png" data-src="ico/xiangce.png"
                                             onerror="javascript:this.src='ico/xiangce.png'" alt="时光相册">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>时光相册</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">路途遥远，和你岁月相随</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://photo.zmki.cn/" class="togo text-center text-muted is-views" data-id="14"
                           data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://www.iconfont.cn/" target="_blank" data-id="13"
                           data-url="https://www.iconfont.cn/"
                           class="card no-c  mb-4 site-13" data-toggle="tooltip" data-placement="bottom"
                           title="矢量图标下载、在线存储、格式转换">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/ailishiliang.png" data-src="ico/ailishiliang.png"
                                             onerror="javascript:this.src='ico/ailishiliang.png'" alt="阿里图标库">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>阿里图标库</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">矢量图标下载、在线存储、格式转换</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.iconfont.cn/" class="togo text-center text-muted is-views" data-id="13"
                           data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://www.bilibili.com/" target="_blank" data-id="12"
                           data-url="https://www.bilibili.com/"
                           class="card no-c  mb-4 site-12" data-toggle="tooltip" data-placement="bottom"
                           title="视频弹幕网站，及时的动漫新番，活跃的ACG氛围">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/bilibili.png" data-src="ico/bilibili.png"
                                             onerror="javascript:this.src='ico/bilibili.png'" alt="哔哩哔哩">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>哔哩哔哩</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">视频弹幕网站，及时的动漫新番，活跃的ACG氛围</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.bilibili.com/" class="togo text-center text-muted is-views" data-id="12"
                           data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
            </div>

            <div class="d-flex flex-fill ">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="term-41"></i>
                    所长推荐
                </h4>
                <div class="flex-fill"></div>
                <a class='btn-move text-xs' href=''>more+</a>
            </div>
            <div class="row ">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://www.yingyinwu.com/" target="_blank" data-id="725"
                           data-url="https://www.yingyinwu.com/" class="card no-c  mb-4 site-725"
                           data-toggle="tooltip" data-placement="bottom"
                           title="原盘高清电影下载，影视内部交流社区">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/yingyinwu.png"
                                             data-src="ico/yingyinwu.png"
                                             onerror="javascript:this.src='ico/yingyinwu.png'"
                                             alt="影音屋">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>影音屋</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">
                                            原盘高清电影下载，影视内部交流社区
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.yingyinwu.com/" class="togo text-center text-muted is-views"
                           data-id="725" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://www.bd2020.com/" target="_blank" data-id="660"
                           data-url="https://www.bd2020.com/" class="card no-c  mb-4 site-660"
                           data-toggle="tooltip" data-placement="bottom" title="最新高清电影资源下载">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/BDyingshi.png"
                                             data-src="ico/BDyingshi.png"
                                             onerror="javascript:this.src='ico/BDyingshi.png'"
                                             alt="BD影视">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>BD影视</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">最新高清电影资源下载</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.bd2020.com/" class="togo text-center text-muted is-views"
                           data-id="660" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://www.wuhaozhan.net/" target="_blank" data-id="654"
                           data-url="https://www.wuhaozhan.net/" class="card no-c  mb-4 site-654"
                           data-toggle="tooltip" data-placement="bottom" title="最新热门电影下载">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/5hao.png"
                                             data-src="ico/5hao.png"
                                             onerror="javascript:this.src='ico/5hao.png'"
                                             alt="5号站">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>5号站</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">最新热门电影下载</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.wuhaozhan.net/" class="togo text-center text-muted is-views"
                           data-id="654" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://www.pianku.li/" target="_blank" data-id="651" data-url="https://www.pianku.li/"
                           class="card no-c  mb-4 site-651"
                           data-toggle="tooltip" data-placement="bottom" title="每日收集全网最新的电影、剧集、动漫高清资源">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/pianku.png"
                                             data-src="ico/pianku.png"
                                             onerror="javascript:this.src='ico/pianku.png'"
                                             alt="片库">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>片库</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">每日收集全网最新的电影、剧集、动漫高清资源</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.pianku.li/" class="togo text-center text-muted is-views"
                           data-id="651" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="http://www.51btbtt.com/" target="_blank" data-id="522"
                           data-url="http://www.51btbtt.com/" class="card no-c  mb-4 site-522"
                           data-toggle="tooltip" data-placement="bottom" title="BT之家单版社区平台，影视爱好者的聚集地的">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/bt.png"
                                             data-src="ico/bt.png"
                                             onerror="javascript:this.src='ico/bt.png'"
                                             alt="BT之家">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>BT之家</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">BT之家单版社区平台，影视爱好者的聚集地的</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.51btbtt.com/" class="togo text-center text-muted is-views"
                           data-id="522" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://www.dytt.com/" target="_blank" data-id="520" data-url="https://www.dytt.com/"
                           class="card no-c  mb-4 site-520"
                           data-toggle="tooltip" data-placement="bottom" title="最新影视剧集迅雷下载和在线播放">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/dianyingtaotao.png"
                                             data-src="ico/dianyingtaotao.png"
                                             onerror="javascript:this.src='ico/dianyingtaotao.png'"
                                             alt="电影淘淘">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>电影淘淘</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">最新影视剧集迅雷下载和在线播放</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.dytt.com/" class="togo text-center text-muted is-views"
                           data-id="520" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://www.pianba.net/" target="_blank" data-id="452"
                           data-url="https://www.pianba.net/" class="card no-c  mb-4 site-452"
                           data-toggle="tooltip" data-placement="bottom" title="在线点播最新影片，清爽无广告">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/pianba.png"
                                             data-src="ico/pianba.png"
                                             onerror="javascript:this.src='ico/pianba.png'"
                                             alt="片吧影院">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>片吧影院</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">在线点播最新影片，清爽无广告</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.pianba.net/" class="togo text-center text-muted is-views"
                           data-id="452" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="http://www.yyetss.com/" target="_blank" data-id="376" data-url="http://www.yyetss.com/"
                           class="card no-c  mb-4 site-376"
                           data-toggle="tooltip" data-placement="bottom" title="在线播放及下载海量最新的美剧资源">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/renren.png"
                                             data-src="ico/renren.png"
                                             onerror="javascript:this.src='ico/renren.png'"
                                             alt="人人影视">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>人人影视</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">在线播放及下载海量最新的美剧资源</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.yyetss.com/" class="togo text-center text-muted is-views"
                           data-id="376" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="http://dianying.im/" target="_blank" data-id="370" data-url="http://dianying.im/"
                           class="card no-c  mb-4 site-370" data-toggle="tooltip" data-placement="bottom"
                           title="在线播放全网影片，最新剧集聚合平台">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/dianyingxiansheng.png"
                                             data-src="ico/dianyingxiansheng.png"
                                             onerror="javascript:this.src='ico/dianyingxiansheng.png'"
                                             alt="电影先生">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>电影先生</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">在线播放全网影片，最新剧集聚合平台</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://dianying.im/" class="togo text-center text-muted is-views"
                           data-id="370" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://www.o8tv.com/" target="_blank" data-id="360" data-url="https://www.o8tv.com/"
                           class="card no-c  mb-4 site-360"
                           data-toggle="tooltip" data-placement="bottom" title="在线播放最新热门电影,独播点播电视剧">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/555dianying.png"
                                             data-src="ico/555dianying.png"
                                             onerror="javascript:this.src='ico/555dianying.png'"
                                             alt="555电影">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>555电影</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">在线播放最新热门电影,独播点播电视剧</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.o8tv.com/" class="togo text-center text-muted is-views"
                           data-id="360" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="http://www.pianhd.com/" target="_blank" data-id="358" data-url="http://www.pianhd.com/"
                           class="card no-c  mb-4 site-358"
                           data-toggle="tooltip" data-placement="bottom"
                           title="高清片网影视资源分享网站">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/pianhd.png"
                                             data-src="ico/pianhd.png"
                                             onerror="javascript:this.src='ico/pianhd.png'"
                                             alt="PianHD">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>PianHD</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">
                                            高清片网影视资源分享网站</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.pianhd.com/" class="togo text-center text-muted is-views"
                           data-id="358" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="http://www.xunbody.com/" target="_blank" data-id="343"
                           data-url="http://www.xunbody.com/"
                           class="card no-c  mb-4 site-343" data-toggle="tooltip" data-placement="bottom"
                           title="在线播放及下载最新影视剧集">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/xunbo.png"
                                             data-src="ico/xunbo.png"
                                             onerror="javascript:this.src='ico/xunbo.png'"
                                             alt="迅播影院">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>迅播影院</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">在线播放及下载最新影视剧集</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://www.xunbody.com/" class="togo text-center text-muted is-views"
                           data-id="343" data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
            </div>
            <div class="d-flex flex-fill ">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="term-42"></i>
                    社区资讯<span style="color:#f1404b"> · </span>资讯
                </h4>
                <div class="flex-fill"></div>
            </div>
            <div class="row ">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://www.ithome.com/" target="_blank" data-id="1996"
                           data-url="https://www.ithome.com/"
                           class="card no-c  mb-4 site-1996" data-toggle="tooltip" data-placement="bottom"
                           title="IT科技门户网站，快速精选IT新闻，实时报道科技周边">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/ITzj.png" data-src="ico/ITzj.png"
                                             onerror="javascript:this.src='ico/ITzj.png'" alt="IT之家">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>IT之家</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">IT科技门户网站，快速精选IT新闻，实时报道科技周边</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.ithome.com/" class="togo text-center text-muted is-views" data-id="1996"
                           data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://s.weibo.com/top/summary" target="_blank" data-id="1994"
                           data-url="https://s.weibo.com/top/summary" class="card no-c  mb-4 site-1994"
                           data-toggle="tooltip"
                           data-placement="bottom" title="随时随地发现新鲜事">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/weibo.png" data-src="ico/weibo.png"
                                             onerror="javascript:this.src='ico/weibo.png'" alt="微博热榜">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>微博热榜</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">随时随地发现新鲜事</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://s.weibo.com/top/summary"
                           class="togo text-center text-muted is-views" data-id="1994" data-toggle="tooltip"
                           data-placement="right" title="直达" rel="nofollow"><i class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://www.toutiao.com/" target="_blank" data-id="1992"
                           data-url="https://www.toutiao.com/" class="card no-c  mb-4 site-1992" data-toggle="tooltip"
                           data-placement="bottom"
                           title="通用信息平台，致力于连接人与信息">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/toutiao.png" data-src="ico/toutiao.png"
                                             onerror="javascript:this.src='ico/toutiao.png'" alt="今日头条">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>今日头条</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">
                                            通用信息平台，致力于连接人与信息</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.toutiao.com/"
                           class="togo text-center text-muted is-views" data-id="1992" data-toggle="tooltip"
                           data-placement="right" title="直达" rel="nofollow"><i class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://www.36kr.com/" target="_blank" data-id="1990" data-url="https://www.36kr.com/"
                           class="card no-c  mb-4 site-1990" data-toggle="tooltip" data-placement="bottom"
                           title="创业资讯、科技新闻、投融资对接、股权投资、极速融资等创业服务">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/36kr.png" data-src="ico/36kr.png"
                                             onerror="javascript:this.src='ico/36kr.png'" alt="36kr">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>36kr</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">
                                            创业资讯、科技新闻、投融资对接、股权投资、极速融资等创业服务</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.36kr.com/" class="togo text-center text-muted is-views" data-id="1990"
                           data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://sspai.com/" target="_blank" data-id="1955" data-url="https://sspai.com/"
                           class="card no-c  mb-4 site-1955" data-toggle="tooltip" data-placement="bottom"
                           title="用数字产品或科学方法，提升工作效率和生活品质">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/shaoshu.png" data-src="ico/shaoshu.png"
                                             onerror="javascript:this.src='ico/shaoshu.png'" alt="少数派">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>少数派</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">用数字产品或科学方法，提升工作效率和生活品质</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://sspai.com/" class="togo text-center text-muted is-views" data-id="1955"
                           data-toggle="tooltip"
                           data-placement="right" title="直达" rel="nofollow"><i class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://www.zol.com.cn/" target="_blank" data-id="1986"
                           data-url="https://www.zol.com.cn/"
                           class="card no-c  mb-4 site-1986" data-toggle="tooltip" data-placement="bottom"
                           title="中国领先的IT信息与商务门户">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/zgc.png" data-src="ico/zgc.png"
                                             onerror="javascript:this.src='ico/zgc.png'" alt="中关村">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>中关村</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">中国领先的IT信息与商务门户</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.zol.com.cn/" class="togo text-center text-muted is-views" data-id="1986"
                           data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://ef.zhiweidata.com/" target="_blank" data-id="1960"
                           data-url="https://ef.zhiweidata.com/"
                           class="card no-c  mb-4 site-1960" data-toggle="tooltip" data-placement="bottom"
                           title="最全的互联网社会热点聚合平台，最深度的事件真相解读">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/zhiweishijian.png" data-src="ico/zhiweishijian.png"
                                             onerror="javascript:this.src='ico/zhiweishijian.png'" alt="知微事见">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>知微事见</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">
                                            最全的互联网社会热点聚合平台，最深度的事件真相解读</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://ef.zhiweidata.com/"
                           class="togo text-center text-muted is-views" data-id="1960" data-toggle="tooltip"
                           data-placement="right" title="直达" rel="nofollow"><i class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://trends.zhiweidata.com/historyList" target="_blank" data-id="1955"
                           data-url="https://trends.zhiweidata.com/historyList"
                           class="card no-c  mb-4 site-1955" data-toggle="tooltip" data-placement="bottom"
                           title="平台榜单、热点聚焦、订阅预警、热点分析">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/zhiweiyulun.png"
                                             data-src="ico/zhiweiyulun.png"
                                             onerror="javascript:this.src='ico/zhiweiyulun.png'" alt="知微舆论场">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>知微舆论场</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">平台榜单、热点聚焦、订阅预警、热点分析</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://trends.zhiweidata.com/historyList"
                           class="togo text-center text-muted is-views" data-id="1955" data-toggle="tooltip"
                           data-placement="right" title="直达" rel="nofollow"><i class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="http://hao.199it.com/" target="_blank" data-id="1960" data-url="http://hao.199it.com/"
                           class="card no-c  mb-4 site-1960" data-toggle="tooltip" data-placement="bottom"
                           title="更加快速找到大数据相关的工具平台">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/dashuju.png" data-src="ico/dashuju.png"
                                             onerror="javascript:this.src='ico/dashuju.png'" alt="大数据">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>大数据</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">
                                            更加快速找到大数据相关的工具平台</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://hao.199it.com/"
                           class="togo text-center text-muted is-views" data-id="1960" data-toggle="tooltip"
                           data-placement="right" title="直达" rel="nofollow"><i class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://tophub.today/" target="_blank" data-id="1649"
                           data-url="https://tophub.today/" class="card no-c  mb-4 site-1649" data-toggle="tooltip"
                           data-placement="bottom" title="全网各站热榜聚合平台">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/jrrb.png" data-src="ico/jrrb.png"
                                             onerror="javascript:this.src='ico/jrrb.png'" alt="今日热榜">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>今日热榜</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">全网各站热榜聚合平台</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://tophub.today/"
                           class="togo text-center text-muted is-views" data-id="1649" data-toggle="tooltip"
                           data-placement="right" title="直达" rel="nofollow"><i class="iconfont icon-goto"></i></a>
                    </div>
                </div>


            </div>
            <div class="d-flex flex-fill ">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="term-45"></i>
                    社区资讯<span style="color:#f1404b"> · </span>社区
                </h4>
                <div class="flex-fill"></div>
            </div>
            <div class="row ">

                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="http://tieba.baidu.com/" target="_blank" data-id="3322"
                           data-url="http://tieba.baidu.com/" class="card no-c  mb-4 site-3322" data-toggle="tooltip"
                           data-placement="bottom" title="以兴趣主题聚合志同道合者的互动平台">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/teiba.png" data-src="ico/teiba.png"
                                             onerror="javascript:this.src='ico/teiba.png'" alt="百度贴吧">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>百度贴吧</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">以兴趣主题聚合志同道合者的互动平台</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="http://tieba.baidu.com/"
                           class="togo text-center text-muted is-views" data-id="3322" data-toggle="tooltip"
                           data-placement="right" title="直达" rel="nofollow"><i class="iconfont icon-goto"></i></a>
                    </div>
                </div>
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a   ">

                    <div class="url-body default">
                        <a href="https://www.zhihu.com/" target="_blank" data-id="3300"
                           data-url="https://www.zhihu.com/"
                           class="card no-c  mb-4 site-3300" data-toggle="tooltip" data-placement="bottom"
                           title="有问题，就会有答案">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                        <img class="lazy" src="ico/zhihu.png" data-src="ico/zhihu.png"
                                             onerror="javascript:this.src='ico/zhihu.png'" alt="知乎">
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>知乎</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">有问题，就会有答案</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="https://www.zhihu.com/"
                           class="togo text-center text-muted is-views" data-id="3300" data-toggle="tooltip"
                           data-placement="right" title="直达" rel="nofollow"><i class="iconfont icon-goto"></i></a>
                    </div>
                </div>


            </div>


            <h4 class="text-gray text-lg mb-4">
                <i class="iconfont icon-book-mark-line icon-lg mr-2" id="friendlink"></i>友情链接
            </h4>
            <div class="friendlink text-xs card">
                <div class="card-body">
                    <a href="https://liutongxu.github.io" title="有范的导航网站" target="_blank">所长导航</a>
                    <a href="https://www.52pojie.cn/" title="软件安全与病毒分析前沿，丰富的技术版块" target="_blank">吾爱破解</a>
                    <a href="#" target="_blank" title="更多链接">更多链接</a>
                </div>
            </div>


        </div>

        <footer class="main-footer footer-type-1 text-xs">
            <div id="footer-tools" class="d-flex flex-column">
                <a href="javascript:" id="go-to-up" class="btn rounded-circle go-up m-1" rel="go-top">
                    <i class="iconfont icon-to-up"></i>
                </a>
                <!-- 右下角搜索  -->
                <a href="javascript:" data-toggle="modal" data-target="#search-modal" class="btn rounded-circle m-1"
                   rel="search" one-link-mark="yes">
                    <i class="iconfont icon-search"></i>
                </a>
                <a href="http://sighttp.qq.com/authd?IDKEY=7a6ef4c847ab2e9643c7b9e6fad646a17e3198a37984251d"
                   class="btn rounded-circle kefu m-1" target="_blank" data-toggle="tooltip" data-placement="left"
                   title="联系所长">
                    <i class="mode-ico iconfont icon-qq"></i>
                </a>
                <!-- 右下角搜索 end -->

                <a href="javascript:" onclick="window.location.href='javascript:switchNightMode()'"
                   class="btn rounded-circle switch-dark-mode m-1" id="yejian"
                   data-toggle="tooltip" data-placement="left" title="夜间模式">
                    <i class="mode-ico iconfont icon-light"></i>
                </a>
            </div>
            <div class="footer-inner">
                <div class="footer-text">
                    Copyright © 2021 所长导航 &nbsp;&nbsp;by <a href="https://github.com/liutongxu/"
                                                            target="_blank"><strong>LiuTongxu</strong></a>&nbsp;&nbsp;
                </div>
            </div>
        </footer>
    </div><!-- main-content end -->
</div><!-- page-container end -->

<div class="modal fade search-modal" id="search-modal">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">

                <div id="search" class="s-search mx-auto my-4">
                    <div id="search-list" class="hide-type-list">
                        <div class="s-type">
                            <span></span>
                            <div class="s-type-list">
                                <label for="m_type-baidu" data-id="group-a">常用</label><label for="m_type-baidu1"
                                                                                             data-id="group-b">搜索</label><label
                                    for="m_type-br"
                                    data-id="group-c">工具</label><label for="m_type-zhihu"
                                                                       data-id="group-d">社区</label><label
                                    for="m_type-taobao1"
                                    data-id="group-e">生活</label><label for="m_type-zhaopin"
                                                                       data-id="group-f">求职</label>
                            </div>
                        </div>
                        <div class="search-group group-a"><span class="type-text text-muted">常用</span>
                            <ul class="search-type">
                                <li><input checked="checked" hidden="" type="radio" name="type2" id="m_type-baidu"
                                           value="https://www.baidu.com/s?wd=" data-placeholder="百度一下"><label
                                        for="m_type-baidu"><span class="text-muted">百度</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-google"
                                           value="https://www.google.com/search?q=" data-placeholder="谷歌两下"><label
                                        for="m_type-google"><span class="text-muted">Google</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-zhannei"
                                           value="https://www.iplaysoft.com/?s="
                                           data-placeholder="软件搜索"><label for="m_type-zhannei"><span
                                        class="text-muted">软件</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-taobao"
                                           value="https://s.taobao.com/search?q=" data-placeholder="淘宝"><label
                                        for="m_type-taobao"><span class="text-muted">淘宝</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-bing"
                                           value="https://cn.bing.com/search?q=" data-placeholder="微软Bing搜索"><label
                                        for="m_type-bing"><span class="text-muted">Bing</span></label></li>
                            </ul>
                        </div>
                        <div class="search-group group-b"><span class="type-text text-muted">搜索</span>
                            <ul class="search-type">
                                <li><input hidden="" type="radio" name="type2" id="m_type-baidu1"
                                           value="https://www.baidu.com/s?wd=" data-placeholder="百度一下"><label
                                        for="m_type-baidu1"><span class="text-muted">百度</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-google1"
                                           value="https://www.google.com/search?q=" data-placeholder="谷歌两下"><label
                                        for="m_type-google1"><span class="text-muted">Google</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-360"
                                           value="https://www.so.com/s?q=" data-placeholder="360好搜"><label
                                        for="m_type-360"><span class="text-muted">360</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-sogo"
                                           value="https://www.sogou.com/web?query=" data-placeholder="搜狗搜索"><label
                                        for="m_type-sogo"><span class="text-muted">搜狗</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-bing1"
                                           value="https://cn.bing.com/search?q=" data-placeholder="微软Bing搜索"><label
                                        for="m_type-bing1"><span class="text-muted">Bing</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-sm"
                                           value="https://yz.m.sm.cn/s?q=" data-placeholder="UC移动端搜索"><label
                                        for="m_type-sm"><span class="text-muted">神马</span></label></li>
                            </ul>
                        </div>
                        <div class="search-group group-c"><span class="type-text text-muted">工具</span>
                            <ul class="search-type">
                                <li><input hidden="" type="radio" name="type2" id="m_type-br"
                                           value="https://rank.chinaz.com/all/"
                                           data-placeholder="请输入网址(不带https://)"><label for="m_type-br"><span
                                        class="text-muted">权重查询</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-links"
                                           value="https://link.chinaz.com/" data-placeholder="请输入网址(不带https://)"><label
                                        for="m_type-links"><span class="text-muted">友链检测</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-icp"
                                           value="https://icp.aizhan.com/" data-placeholder="请输入网址(不带https://)"><label
                                        for="m_type-icp"><span class="text-muted">备案查询</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-ping"
                                           value="https://ping.chinaz.com/" data-placeholder="请输入网址(不带https://)"><label
                                        for="m_type-ping"><span class="text-muted">PING检测</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-404"
                                           value="https://tool.chinaz.com/Links/?DAddress="
                                           data-placeholder="请输入网址(不带https://)"><label for="m_type-404"><span
                                        class="text-muted">死链检测</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-ciku"
                                           value="https://www.ciku5.com/s?wd=" data-placeholder="请输入关键词"><label
                                        for="m_type-ciku"><span class="text-muted">关键词挖掘</span></label></li>
                            </ul>
                        </div>
                        <div class="search-group group-d"><span class="type-text text-muted">社区</span>
                            <ul class="search-type">
                                <li><input hidden="" type="radio" name="type2" id="m_type-zhihu"
                                           value="https://www.zhihu.com/search?type=content&q="
                                           data-placeholder="知乎"><label for="m_type-zhihu"><span
                                        class="text-muted">知乎</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-wechat"
                                           value="https://weixin.sogou.com/weixin?type=2&query="
                                           data-placeholder="微信"><label for="m_type-wechat"><span
                                        class="text-muted">微信</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-weibo"
                                           value="https://s.weibo.com/weibo/" data-placeholder="微博"><label
                                        for="m_type-weibo"><span class="text-muted">微博</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-douban"
                                           value="https://www.douban.com/search?q=" data-placeholder="豆瓣"><label
                                        for="m_type-douban"><span class="text-muted">豆瓣</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-why"
                                           value="https://ask.seowhy.com/search/?q=" data-placeholder="SEO问答社区"><label
                                        for="m_type-why"><span class="text-muted">搜外问答</span></label></li>
                            </ul>
                        </div>
                        <div class="search-group group-e"><span class="type-text text-muted">生活</span>
                            <ul class="search-type">
                                <li><input hidden="" type="radio" name="type2" id="m_type-taobao1"
                                           value="https://s.taobao.com/search?q=" data-placeholder="淘宝"><label
                                        for="m_type-taobao1"><span class="text-muted">淘宝</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-jd"
                                           value="https://search.jd.com/Search?keyword=" data-placeholder="京东"><label
                                        for="m_type-jd"><span class="text-muted">京东</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-xiachufang"
                                           value="https://www.xiachufang.com/search/?keyword="
                                           data-placeholder="下厨房"><label for="m_type-xiachufang"><span
                                        class="text-muted">下厨房</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-xiangha"
                                           value="https://www.xiangha.com/so/?q=caipu&s="
                                           data-placeholder="香哈菜谱"><label for="m_type-xiangha"><span
                                        class="text-muted">香哈菜谱</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-12306"
                                           value="https://www.12306.cn/?" data-placeholder="12306"><label
                                        for="m_type-12306"><span class="text-muted">12306</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-kd100"
                                           value="https://www.kuaidi100.com/?" data-placeholder="快递100"><label
                                        for="m_type-kd100"><span class="text-muted">快递100</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-qunar"
                                           value="https://www.qunar.com/?" data-placeholder="去哪儿"><label
                                        for="m_type-qunar"><span class="text-muted">去哪儿</span></label></li>
                            </ul>
                        </div>
                        <div class="search-group group-f"><span class="type-text text-muted">求职</span>
                            <ul class="search-type">
                                <li><input hidden="" type="radio" name="type2" id="m_type-51job"
                                           value="https://search.51job.com/?" data-placeholder="前程无忧"><label
                                        for="m_type-51job"><span class="text-muted">前程无忧</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-zhaopin"
                                           value="https://sou.zhaopin.com/jobs/searchresult.ashx?kw="
                                           data-placeholder="智联招聘"><label for="m_type-zhaopin"><span
                                        class="text-muted">智联招聘</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-lagou"
                                           value="https://www.lagou.com/jobs/list_" data-placeholder="拉钩网"><label
                                        for="m_type-lagou"><span class="text-muted">拉钩网</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-liepin"
                                           value="https://www.liepin.com/zhaopin/?key=" data-placeholder="猎聘网"><label
                                        for="m_type-liepin"><span class="text-muted">猎聘网</span></label></li>
                            </ul>
                        </div>
                    </div>
                    <form action="https://nav.iowen.cn?s=" method="get" target="_blank" class="super-search-fm">
                        <input type="text" id="m_search-text" class="form-control smart-tips search-key" zhannei=""
                               autocomplete="off" placeholder="输入关键字搜索" style="outline:0">
                        <button type="submit"><i class="iconfont icon-search"></i></button>
                    </form>
                    <div class="card search-smart-tips" style="display: none">
                        <ul></ul>
                    </div>
                </div>

                <div class="px-1 mb-3"><i class="text-xl iconfont icon-hot mr-1" style="color:#f1404b;"></i><span
                        class="h6">热门推荐： </span></div>
                <div class="mb-3">
                    <li id="menu-item-332"
                        class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-332"><a
                            href="tag/黑洞.html">黑洞</a></li>
                    <li id="menu-item-333"
                        class="menu-item menu-item-type-custom menu-item-object-custom menu-item-333"><a
                            href="E5AFBCE888AAE4B8BBE9A298.html">导航主题</a></li>
                    <li id="menu-item-335"
                        class="menu-item menu-item-type-custom menu-item-object-custom menu-item-335"><a
                            href="E59BBEE6A087.html">图标</a></li>
                </div>
            </div>
            <div style="position: absolute;bottom: -40px;width: 100%;text-align: center;"><a href="javascript:"
                                                                                             data-dismiss="modal"><i
                    class="iconfont icon-close-circle icon-2x" style="color: #fff;"></i></a>
            </div>
        </div>
    </div>
</div>
<script type='text/javascript' src='ajax/libs/jqueryui/1.12.1/jquery-ui.min-3.03029.1.js'
        id='jquery-ui-js'></script>
<script type='text/javascript' src='jqueryui-touch-punch/0.2.2/jquery.ui.touch-punch.min-3.0302.js'
        id='jqueryui-touch-js'></script>
<script type='text/javascript' src='wp-includes/js/clipboard.min-5.6.2.js' id='clipboard-js'></script>
<script type='text/javascript' id='popper-js-extra'>
    /* <![CDATA[ */
    var theme = {
        "ajaxurl": "https:\/\/nav.iowen.cn\/wp-admin\/admin-ajax.php",
        "addico": "https:\/\/nav.iowen.cn\/wp-content\/themes\/onenav\/images\/add.png",
        "order": "asc",
        "formpostion": "top",
        "defaultclass": "io-grey-mode",
        "isCustomize": "1",
        "icourl": "https:\/\/api.iowen.cn\/favicon\/",
        "icopng": ".png",
        "urlformat": "1",
        "customizemax": "10",
        "newWindow": "0",
        "lazyload": "1",
        "minNav": "1",
        "loading": "1",
        "hotWords": "baidu",
        "classColumns": " col-sm-6 col-md-4 col-xl-5a col-xxl-6a ",
        "apikey": "TWpBeU1UVTNOekk1TWpVMEIvZ1M2bFVIQllUMmxsV1dZelkxQTVPVzB3UW04eldGQmxhM3BNWW14bVNtWk4="
    };
    /* ]]> */
</script>
<script type='text/javascript' src='wp-content/themes/onenav/js/popper.min-3.03029.1.js' id='popper-js'></script>
<script type='text/javascript' src='wp-content/themes/onenav/js/bootstrap.min-3.03029.1.js'
        id='bootstrap-js'></script>
<script type='text/javascript' src='wp-content/themes/onenav/js/theia-sticky-sidebar-3.03029.1.js'
        id='sidebar-js'></script>
<script type='text/javascript' src='wp-content/themes/onenav/js/lazyload.min-3.03029.1.js'
        id='lazyload-js'></script>
<script type='text/javascript' src='wp-content/themes/onenav/js/jquery.fancybox.min-3.03029.1.js'
        id='lightbox-js-js'></script>
<script type='text/javascript' src='wp-content/themes/onenav/js/app-3.03029.1.js' id='appjs-js'></script>
<script type="text/javascript">
    $(document).ready(function () {
        var siteWelcome = $('#loading');
        siteWelcome.addClass('close');
        setTimeout(function () {
            siteWelcome.remove();
        }, 600);
    });
</script>
<script type="text/javascript">
    $(document).ready(function () {
        setTimeout(function () {
            if ($('a.smooth[href="' + window.location.hash + '"]')[0]) {
                $('a.smooth[href="' + window.location.hash + '"]').click();
            } else if (window.location.hash != '') {
                $("html, body").animate({
                    scrollTop: $(window.location.hash).offset().top - 90
                }, {
                    duration: 500,
                    easing: "swing"
                });
            }
        }, 300);
        $(document).on('click', 'a.smooth', function (ev) {
            ev.preventDefault();
            if ($('#sidebar').hasClass('show') && !$(this).hasClass('change-href')) {
                $('#sidebar').modal('toggle');
            }
            if ($(this).attr("href").substr(0, 1) == "#") {
                $("html, body").animate({
                    scrollTop: $($(this).attr("href")).offset().top - 90
                }, {
                    duration: 500,
                    easing: "swing"
                });
            }
            if ($(this).hasClass('go-search-btn')) {
                $('#search-text').focus();
            }
            if (!$(this).hasClass('change-href')) {
                var menu = $("a" + $(this).attr("href"));
                menu.click();
                toTarget(menu.parent().parent(), true, true);
            }
        });
        $(document).on('click', 'a.tab-noajax', function (ev) {
            var url = $(this).data('link');
            if (url)
                $(this).parents('.d-flex.flex-fill.flex-tab').children('.btn-move.tab-move').show().attr('href', url);
            else
                $(this).parents('.d-flex.flex-fill.flex-tab').children('.btn-move.tab-move').hide();
        });
    });
</script>
<!-- 自定义代码 -->


<script>
    //夜间模式
    (function () {
        if (document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") === '') {
            if (new Date().getHours() > 22 || new Date().getHours() < 6) {
                document.body.classList.remove('io-black-mode');
                document.body.classList.add('io-grey-mode');
                document.cookie = "night=1;path=/";
                console.log('夜间模式开启');
            } else {
                document.body.classList.remove('night');
                document.cookie = "night=0;path=/";
                console.log('夜间模式关闭');
            }
        } else {
            var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
            if (night == '0') {
                document.body.classList.remove('night');
            } else if (night == '1') {
                document.body.classList.add('night');
            }
        }
    })();

    //夜间模式切换
    function switchNightMode() {
        var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
        if (night == '0') {
            document.body.classList.remove('io-grey-mode');
            document.body.classList.add('io-black-mode');
            document.cookie = "night=1;path=/"
            console.log(' ');
            $(".switch-dark-mode").attr("data-original-title", "日间模式");
            $(".mode-ico").removeClass("icon-night");
            $(".mode-ico").addClass("icon-light");
        } else {
            document.body.classList.remove('io-black-mode');
            document.body.classList.add('io-grey-mode');
            document.cookie = "night=0;path=/"
            console.log(' ');
            $(".switch-dark-mode").attr("data-original-title", "夜间模式");
            $(".mode-ico").removeClass("icon-light");
            $(".mode-ico").addClass("icon-night");
        }
    }

</script>


<!-- end 自定义代码 -->
</body>

</html>
